/* 右侧边导航栏 */
.right-nav{
    position: fixed;
    width: 38px;
    height: 2000px;
    border-left: 1px solid #dddddd;
    top: 0;
    right: 0;
    background-color: #f6f6f6;
}
.right-nav ul{
    margin-top: 63px;
}
.right-nav ul li{
    border-top: 1px solid #dddddd;
}
.right-nav ul li:nth-child(1) a{
    position: relative;
}
/* 下载栏中的隐藏二维码 */
.right-nav ul li:nth-child(1) a .qr-code{
    padding: 13px;
    width: 140px;
    height: 140px;
    position: absolute;
    top: 0px;
    left: -168px;
    border: 1px solid #dddddd;
    display: none;
}
.right-nav ul li:nth-child(1) a .qr-code::after{
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50px;
    right: -20px;
    /* z-index: 2; */
}
.right-nav ul li:nth-child(1) a .qr-code::before{
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #dddddd;
    position: absolute;
    top: 50px;
    right: -21px;
}
/* 移入下载栏，显示二维码 */
.right-nav ul li:nth-child(1) a:hover .qr-code{
    display: block;
}
.right-nav ul li a{
    display: block;
    padding: 11px 13px;
    font-size: 14px;
}
.right-nav ul li a:hover{
    background-color: #ff0061;
    color: white;
}
.right-nav ul li a:hover i{
    color: white;
}
i{
    color: #f36;
    font-size: 20px;
    margin-left: -2px;
}
.right-nav ul li a .trans{
    transform: rotate(90deg);
    display: inline-block;
    margin: 8px 0px 0px -7px;
}
.right-nav .return-top{
    display: block;
    margin-top: 175px;
    border-top: 1px solid #dddddd;
}
/* 手机图标 */
.download{

}
/* 购物车图标 */
.shopping-cart{

}
/* 消息图标 */
.messages{

}
/* 优惠券图标 */
.discount{

}
/* 收藏图标 */
.love{

}
/* 脚印图标 */
.foot{

}